<template>
    <view class="nav-container d-flex j-sb a-center mt-15">
        <!-- <view class="back d-flex j-center a-center py-10 px-10" @click="leftAction">
            <image 
            class="back-icon"
            v-if="isShowBack"
            :src="isWhiteNav ? require('@/static/img/common/back-btn-white.png') : require('@/static/img/common/back-btn-blue.png')"
            mode="aspectFit"/>
        </view>
        <view class="nav-title font-custom" :class="isWhiteNav ? 'text-white' : 'text-theme'">{{title }}</view>
        <view class="right">
        </view>
       -->
    </view>
    
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
    props:{
        isShowBack:{
            type:Boolean,
            default:true,
        },
        title:{
            type:String,
            default:''
        },
        isWhiteNav:{
            type:Boolean,
            default:true,
        }

    },
    data(){
        return{

            icon:{
                blue_icon:'https://i.niupic.com/images/2023/05/10/b6B6.png',
                white_icon:'https://i.niupic.com/images/2023/05/10/b6B7.png'
            }
        }
    },
    methods:{
        leftAction(){
            if(this.isShowBack){
                (this as any).$approuter.back()
            }
        }
    }

})
</script>

<style lang="scss" scoped>
.nav-container{
    // position: absolute;
    width: 100%;
    z-index: 99;
    padding-top: 10px;
    .back{
        .back-icon{
        width: 15px;
        height: 15px;
    }
        }

    .nav-title{
        font-size: 18px;
        font-weight: bolder;
        text-align: center;
    }

    .right{
        width: 15px;
        height: 15px;
    }
}


</style>